<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title>Today's Fashion WooCommerce - Product List Page</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- Style CSS -->
    <link href="css/style.css" rel="stylesheet">
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Hind+Siliguri:300,400,500,600,700" rel="stylesheet">
    <link rel="stylesheet" href="css/jquery-ui.css" type="text/css">
    <!-- FontAwesome CSS -->
 
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<!-- search area -->

<body>
    <div class="collapse" id="search-area">
        <div class="search-bg">
            <div class="container">
                <div class="row">
                    <div class="col-md-offset-2 col-md-8 col-sm-offset-2 col-sm-8">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="Search for...">
                            <span class="input-group-btn">
            <button class="btn btn-primary" type="button">Go!</button>
            </span> </div>
                        <!-- /input-group -->
                    </div>
                    <!-- /.col-lg-6 -->
                </div>
            </div>
        </div>
    </div>
    <!-- search area -->
     <!-- top-bar -->
    <div class="top-bar">
        <div class="container">
            <div class="row">
                <div class="col-md-6 hidden-sm hidden-xs">
                    <div class="call-msg">
                        <p><span class="call-icon"><i class="fa fa-phone"></i></span>+1800-123-4567 / 7 days a week from 9:00 am to 7:00 pm.</p>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <div class="top-nav">
                        <ul>
                            <li><a href="#">My Account </a></li>
                            <li> | </li>
                            <li><a href="#">Register</a></li>
                            <li>
                                <a role="button" data-toggle="collapse" href="#search-area" aria-expanded="false" aria-controls="search-area"> <i class="fa fa-search"></i> </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /.top-bar -->
    <!-- header-section -->
    <div class="header-wrapper">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-2 col-sm-12 col-xs-12">
                    <div class="logo"><a href="index.html"><img src="images/logo.png" alt=""></a></div>
                </div>
                <div class="col-lg-9 col-md-10 col-sm-12 col-xs-12">
                 <!-- navigation -->
                    <div class="navigation">
                        <div id="navigation">
                            <ul>
                                <li class="active"><a href="index.html" title="Home">Home</a></li>
                                <li class="has-sub"><a href="#" title="men">Men</a>
                                    <ul>
                                        <li><a href="product-list.html" title="T-Shirts">T-Shirts</a></li>
                                        <li><a href="product-list.html" title="casual shirts">Casual Shirts</a></li>
                                        <li><a href="product-list.html" title="formal shirts">Formal Shirts</a></li>
                                        <li><a href="product-list.html" title="jeans">Jeans</a></li>
                                        <li><a href="product-list.html" title="casual shirts">Casual Trousers</a></li>
                                    </ul>
                                </li>
                                <li class="has-sub"><a href="#" title="men">Women</a>
                                    <ul>
                                        <li><a href="product-list.html" title="kurtas-kurtis-suits">kurtas-kurtis-suits</a></li>
                                        <li><a href="product-list.html" title="dresses-and-jumpsuits">dresses-and-jumpsuits</a></li>
                                        <li><a href="product-list.html" title="jeans-jeggings">jeans-jeggings</a></li>
                                        <li><a href="product-list.html" title="shapewear">Shapewear</a></li>
                                    </ul>
                                </li>
                                <li class="has-sub"><a href="#" title="Pages">Pages</a>
                                    <ul>
                                        <li><a href="product-list.html" title="product-list">product-list</a></li>
                                        <li><a href="product-single.html" title="product single">product single</a></li>
                                        <li><a href="about.html" title="about">about</a></li>
                                        <li><a href="cart.html" title="cart">cart</a></li>
                                        <li><a href="account.html" title="account">account</a></li>
                                        <li><a href="checkout.html" title="checkout">checkout</a> </li>
                                        <li><a href="404-error.html" title="404 error">404 error</a> </li>
                                        <li><a href="styleguide.html" title="Styleguide">styleguide</a> </li>
                                    </ul>
                                </li>
                                <li class="has-sub"><a href="blog-default.html" title="Blog ">Blog</a>
                                    <ul>
                                        <li><a href="blog-default.html" title="Blog">Blog Default</a></li>
                                        <li><a href="blog-single.html" title="Blog Single ">Blog Single</a></li>
                                    </ul>
                                </li>
                                <li><a href="contact-us.html" title="Contact Us">Contact Us</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                     <!--/. navigation -->
                </div>
            </div>
        </div>
    </div>
    <!-- /.header-section -->
    <!-- page-header-start -->
    <div class="page-header">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <div class="page-section">
                        <div class="page-breadcrumb">
                            <ol class="breadcrumb">
                                <li><a href="#">Home</a></li>
                                <li>Product list</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- page-header-close -->
    <!--product-section-->
    <div class="space-medium">
        <div class="container">
            <div class="row">
                <div class="col-lg-9 col-md-9 col-sm-8 col-xs-12">
                    <div class="row">
                    <!-- product-start-->
                        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                            <div class="product-block">
                                <div class="product-img"><a href="#"><img src="./images/new-product-1.jpg" alt="" class="img-responsive"></a></div>
                                <div class="product-content">
                                    <h4 class="product-title"><a href="#">Zima leto</a></h4>
                                    <p class="product-text">Solid A-Line Dress</p>
                                    <p class="product-price">$50</p>
                                    <div class="product-links">
                                        <ul>
                                            <li><a href="#"><i class="fa fa-heart"></i></a></li>
                                            <li><a href="#"><i class="fa fa-shopping-cart"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- product-close-->
                        <!-- product-start-->
                        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                            <div class="product-block">
                                <div class="product-img"><a href="#"><img src="./images/new-product-2.jpg" alt="" class="img-responsive"></a></div>
                                <div class="product-content">
                                    <h4 class="product-title"><a href="#">Purple Feathers</a></h4>
                                    <p class="product-text">Pencil Skirts</p>
                                    <p class="product-price">$30</p>
                                    <div class="product-links">
                                        <ul>
                                            <li><a href="#"><i class="fa fa-heart"></i></a></li>
                                            <li><a href="#"><i class="fa fa-shopping-cart"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- product-close-->
                        <!-- product-start-->
                        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                            <div class="product-block">
                                <div class="product-img"><a href="#"><img src="./images/new-product-3.jpg" alt="" class="img-responsive"></a></div>
                                <div class="product-content">
                                    <h4 class="product-title"><a href="#">puma</a></h4>
                                    <p class="product-text">Women Regular Shorts</p>
                                    <p class="product-price">$20</p>
                                    <div class="product-links">
                                        <ul>
                                            <li><a href="#"><i class="fa fa-heart"></i></a></li>
                                            <li><a href="#"><i class="fa fa-shopping-cart"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- product-close-->
                    </div>
                    <div class="row">
                    <!-- product-start-->
                        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                            <div class="product-block">
                                <div class="product-img"><a href="#"><img src="./images/new-product-3.jpg" alt="" class="img-responsive"></a></div>
                                <div class="product-content">
                                    <h4 class="product-title"><a href="#">puma</a></h4>
                                    <p class="product-text">Women Regular Shorts</p>
                                    <p class="product-price">$20</p>
                                    <div class="product-links">
                                        <ul>
                                            <li><a href="#"><i class="fa fa-heart"></i></a></li>
                                            <li><a href="#"><i class="fa fa-shopping-cart"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- product-close-->
                        <!-- product-start-->
                        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                            <div class="product-block">
                                <div class="product-img"><a href="#"><img src="./images/sale-product-1.jpg" alt="" class="img-responsive"></a></div>
                                <div class="product-content">
                                    <h4 class="product-title"><a href="#">sera</a></h4>
                                    <p class="product-text">Printed Skirts</p>
                                    <p class="product-price">$15</p>
                                    <div class="product-links">
                                        <ul>
                                            <li><a href="#"><i class="fa fa-heart"></i></a></li>
                                            <li><a href="#"><i class="fa fa-shopping-cart"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- product-close-->
                        <!-- product-start-->
                        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                            <div class="product-block">
                                <div class="product-img"><a href="#"><img src="./images/sale-product-4.jpg" alt="" class="img-responsive"></a></div>
                                <div class="product-content">
                                    <h4 class="product-title"><a href="#">Evan</a></h4>
                                    <p class="product-text">dress</p>
                                    <p class="product-price">$18</p>
                                    <div class="product-links">
                                        <ul>
                                            <li><a href="#"><i class="fa fa-heart"></i></a></li>
                                            <li><a href="#"><i class="fa fa-shopping-cart"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- product-close-->
                    </div>
                    <div class="row">
                    <!-- product-start-->
                        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                            <div class="product-block">
                                <div class="product-img"><a href="#"><img src="./images/new-product-4.jpg" alt="" class="img-responsive"></a></div>
                                <div class="product-content">
                                    <h4 class="product-title"><a href="#">Aks</a></h4>
                                    <p class="product-text">Mini Skirt</p>
                                    <p class="product-price">$17</p>
                                    <div class="product-links">
                                        <ul>
                                            <li><a href="#"><i class="fa fa-heart"></i></a></li>
                                            <li><a href="#"><i class="fa fa-shopping-cart"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- product-close-->
                        <!-- product-start-->
                        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                            <div class="product-block">
                                <div class="product-img"><a href="#"><img src="./images/sale-product-4.jpg" alt="" class="img-responsive"></a></div>
                                <div class="product-content">
                                    <h4 class="product-title"><a href="#">Evan</a></h4>
                                    <p class="product-text">dress</p>
                                    <p class="product-price">$18</p>
                                    <div class="product-links">
                                        <ul>
                                            <li><a href="#"><i class="fa fa-heart"></i></a></li>
                                            <li><a href="#"><i class="fa fa-shopping-cart"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- product-close-->
                        <!-- product-start-->
                        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                            <div class="product-block">
                                <div class="product-img"><a href="#"><img src="./images/sale-product-2.jpg" alt="" class="img-responsive"></a></div>
                                <div class="product-content">
                                    <h4 class="product-title"><a href="#">Harpa</a></h4>
                                    <p class="product-text">Printed Skirt</p>
                                    <p class="product-price">$32</p>
                                    <div class="product-links">
                                        <ul>
                                            <li><a href="#"><i class="fa fa-heart"></i></a></li>
                                            <li><a href="#"><i class="fa fa-shopping-cart"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- product-close-->
                        <!-- pagination start -->
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <div class="st-pagination">
                                <ul class="pagination">
                                    <li><a href="#" aria-label="previous"><span aria-hidden="true">Previous</span></a> </li>
                                    <li class="active"><a href="#">1</a></li>
                                    <li><a href="#">2</a></li>
                                    <li><a href="#">3</a></li>
                                    <li> <a href="#" aria-label="Next"><span aria-hidden="true">Next</span></a> </li>
                                </ul>
                            </div>
                        </div>
                        <!-- pagination close -->
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
                    <!-- widget-search-start -->
                    <div class=" widget widget-search">
                        <form>
                            <div class="search-form">
                                <input type="text" class="form-control" placeholder="Search Here">
                                <button type="Submit"><i class="fa fa-search"></i></button>
                            </div>
                        </form>
                    </div>
                    <!-- widget-search-close -->
                    <!-- widget-categories-start -->
                    <div class=" widget widget-categories">
                        <h2 class="widget-title">Categories</h2>
                        <ul class="angle angle-right">
                            <li><a href="#">Tops (20)</a></li>
                            <li><a href="#">Tshirts (21)</a></li>
                            <li><a href="#">Shirts (16)</a></li>
                            <li><a href="#">Dresses (13)</a></li>
                            <li><a href="#">Jeans (12)</a></li>
                        </ul>
                    </div>
                    <!-- widget-categories-close -->
                    <!-- widget-filter-start -->
                    <div class=" widget widget-ranger">
                        <h2 class="widget-title">Filter by Price</h2>
                        <div class="slide-ranger">
                            <p id="slider-range-min" class="ui-slider ui-corner-all ui-slider-horizontal ui-widget ui-widget-content">
                            </p>
                            <input type="text" id="amount" readonly="" class="form-control">
                        </div>
                    </div>
                    <!-- widget-filter-close -->
                    <!-- widget-recent-product-start -->
                    <div class="widget widget-recent-product">
                        <h2 class="widget-title">Recent Products</h2>
                        <!-- product-start-->
                        <div class="recent-product">
                            <div class="recent-product-img">
                                <img src="./images/ft-post-1.jpg" alt="" class="img-responsive"></div>
                            <div class="recent-product-content">
                                <h4><a href="#" class="recent-product-title">Zima leto</a></h4>
                                <div class="recent-product-rating">
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star-o"></i></span>
                                </div>
                                <div class="recent-product-price">$50</div>
                            </div>
                        </div>
                        <!-- product-close-->
                        <!-- product-start-->
                        <div class="recent-product">
                            <div class="recent-product-img">
                                <img src="./images/ft-post-2.jpg" alt="" class="img-responsive"></div>
                            <div class="recent-product-content">
                                <h4><a href="#" class="recent-product-title">Puma</a></h4>
                                <div class="recent-product-rating">
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star-o"></i></span>
                                </div>
                                <div class="recent-product-price">$30</div>
                            </div>
                        </div>
                        <!-- product-close-->
                        <!-- product-start-->
                        <div class="recent-product">
                            <div class="recent-product-img">
                                <img src="./images/ft-post-3.jpg" alt="" class="img-responsive"></div>
                            <div class="recent-product-content">
                                <h4><a href="#" class="recent-product-title">Sera</a></h4>
                                <div class="recent-product-rating">
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star-o"></i></span>
                                </div>
                                <div class="recent-product-price">$20</div>
                            </div>
                        </div>
                        <!-- product-close-->
                    </div>
                    <!-- widget-recent-post-close-->
                </div>
            </div>
        </div>
    </div>
    <!-- /.product-section-->
   <!-- footer start -->
    <div class="footer">
        <div class="container">
            <div class="row">
                <!-- footer-contactinfo-start -->
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                    <div class="footer-widget">
                        <div class="mb30"><img src="./images/ft-logo.png" alt=""></div>
                        <p>Today Fashion is a Storefront WooCommerce Website Template</p>
                        <div class="">
                            <ul>
                                <li>
                                    <div class="footer-icon"><i class="fa fa-map-marker"></i></div>
                                    <div class="footer-address">1250 Mark Avenue Palace, Ahmedabad - India</div>
                                </li>
                                <li>
                                    <div class="footer-icon"><i class="fa fa-envelope-open"></i></div>
                                    <div class="footer-address">info@shinecleaningservice.com</div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- footer-contactinfo-close -->
                <!-- footer-useful links-start -->
                <div class=" col-lg-2 col-md-2 col-sm-6 col-xs-12">
                    <div class="footer-widget">
                        <h3 class="footer-title">Quick Links</h3>
                        <ul class="angle angle-right">
                            <li><a href="#">Home </a></li>
                            <li><a href="#">Men </a></li>
                            <li><a href="#">Women</a></li>
                            <li><a href="#">About us </a></li>
                            <li> <a href="#">blog</a></li>
                        </ul>
                    </div>
                </div>
                <!-- footer-useful links-close -->
                <!-- footer-product-list-start -->
                <div class=" col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <div class="footer-widget">
                        <h3 class="footer-title">Latest Product</h3>
                        <div class="ft-product">
                            <div class="ft-product-img">
                                <a href="#"> <img src="./images/ft-post-1.jpg" alt="" class="img-responsive"></a>
                            </div>
                            <div class="ft-product-content">
                                <h4><a href="#" class="ft-product-title">Zima leto</a></h4>
                                <div class="ft-product-rating">
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star-o"></i></span>
                                </div>
                                <div class="ft-product-price">$50</div>
                            </div>
                        </div>
                        <div class="ft-product">
                            <div class="ft-product-img">
                                <a href="#"> <img src="./images/ft-post-2.jpg" alt="" class="img-responsive"></a></div>
                            <div class="ft-product-content">
                                <h4><a href="#" class="ft-product-title">Puma</a></h4>
                                <div class="ft-product-rating">
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star-o"></i></span>
                                </div>
                                <div class="ft-product-price">$30</div>
                            </div>
                        </div>
                        <div class="ft-product">
                            <div class="ft-product-img">
                                <a href="#"><img src="./images/ft-post-3.jpg" alt="" class="img-responsive"></a></div>
                            <div class="ft-product-content">
                                <h4><a href="#" class="ft-product-title">Sera</a></h4>
                                <div class="ft-product-rating">
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star-o"></i></span>
                                </div>
                                <div class="ft-product-price">$20</div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- footer-product-list-close -->
                <!-- footer-newsletter-start -->
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 ">
                    <div class="footer-widget">
                        <h3 class="footer-title">Subscribe Newsletter</h3>
                        <p>Enter your email address for our mailing list to keep yourself updated.</p>
                        <!-- Text input-->
                        <form>
                            <div class="newsletter-form">
                                <input type="text" class="form-control" placeholder="Search Here">
                                <button type="Submit"><i class="fa fa-paper-plane-o"></i></button>
                            </div>
                        </form>
                    </div>
                    <!-- /input-group -->
                </div>
                <!-- footer-newsletter-close -->
            </div>
            <!-- tiny- footer-start -->
            <div class="tiny-footer">
                <div class="row">
                    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 mt20">© 2020. All Rights Reserved. Privacy Policy</div>
                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 mt20">
                        <div class="footer-social"> <a href="#"><span><i class="fa fa-facebook"></i></span></a> <a href="#"><span><i class="fa fa-google-plus"></i></span> </a> <a href="#"><span class="active"><i class="fa fa-twitter"></i> </span></a> <a href="#"><span><i class=" fa fa-pinterest"></i> </span></a> <a href="#"><span><i class="fa fa-linkedin"></i></span></a> </div>
                    </div>
                    <div class="col-lg-5 col-md-5 col-sm-12 col-xs-12 mt20">
                        <div class="footer-pcard"> <a href="#"><span><i class="fa fa-cc-paypal"></i></span></a> <a href="#"><span><i class="fa fa-cc-mastercard"></i></span> </a> <a href="#"><span class="active"><i class="fa fa-cc-visa"></i> </span></a> <a href="#"><span><i class="fa fa-cc-discover "></i> </span></a> </div>
                    </div>
                </div>
            </div>
            <!-- tiny-footer-close -->
        </div>
    </div>
    <!-- footer close -->
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js" type="text/javascript"></script>
    <script src="js/menumaker.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/jquery.sticky.js"></script>
    <script type="text/javascript" src="js/sticky-header.js"></script>
    <script type="text/javascript" src="js/jquery-ui.js"></script>
    <script>
    $(function() {
        $("#slider-range-min").slider({
            range: true,
            min: 0,
            max: 500,
            values: [75, 300],
            slide: function(event, ui) {
                $("#amount").val("$" + ui.values[0] + " - $" + ui.values[1]);
            }
        });
        $("#amount").val("$" + $("#slider-range").slider("values", 0) +
            " - $" + $("#slider-range").slider("values", 1));
    });
    </script>
</body>

</html>